<!-- 个人设置页面 -->
<div class="form-group col-md-10 col-md-offset-1" style="padding:8px;">
	<label class="form-label">旧密码：</label> <input id="password"
type="password" class="form-control"
		placeholder="请输入原密码" style="width:200px">
		<label class="form-label" id="passwordLabel" style="color: red;"></label> 
</div>
<div class="form-group col-md-10 col-md-offset-1" style="padding:8px;">
	<label class="form-label">新密码：</label> <input id="newPassword" type="password" class="form-control"
		placeholder="请输入新密码" style="width:200px">
		<label class="form-label" id="newPasswordLabel" style="color: red;"></label> 
</div>
<div class="form-group col-md-10 col-md-offset-1" style="padding:8px;">
	<label class="form-label">新密码：</label> <input id="newSecPassword"
 type="password" class="form-control"
		placeholder="请再次输入新密码" style="width:200px">
		<label class="form-label" id="newSecPasswordLabel" style="color: red;"></label> 
</div>
<script type="text/javascript">
	$(function() {
		$("#passwordLabel").html("");
		$("#newPasswordLabel").html("");
		$("#newSecPasswordLabel").html("");
		var password="";
		var newPassword="";
		var newSecPassword="";
		var reg = new RegExp("^[a-zA-Z0-9]+$");
		$("#password").focus(function()//得到焦点时触发的事件
		{
			$("#password").val("");
		});
		$("#password").blur(function() //失去焦点时触发的事件 
		{
			password = $("#password").val();
			if (password == "") {
				$("#passwordLabel").html("旧密码不能为空!");
			} 
		});
		$("#newPassword").focus(function()//得到焦点时触发的事件
		{
			$("#newPassword").val("");
		});
		$("#newPassword").blur(function() //失去焦点时触发的事件
		{
			newPassword = $("#newPassword").val();
			if (newPassword == "") {
				$("#newPasswordLabel").html("密码不能为空!");
			} else if (newPassword.length <8) {
				$("#newPassword").val("");
				$("#newPasswordLabel").html("密码长度不少于8个字符!");
			} else if (!testPass(newPassword)) {
				$("#newPassword").val("");
				$("#newPasswordLabel").html("内容必须同时包含小写字母、大写字母、数字和键盘可输入的特殊符号共4种类型中的至少3种!");
			}else{
				$("#newPasswordLabel").html("");
			}
		});
		$("#newSecPassword").focus(function()//得到教室时触发的时间 
		{
			$("#newSecPassword").val("");
		});
		$("#newSecPassword").blur(function() //失去焦点时触发的时间 
		{
			newSecPassword = $("#newSecPassword").val();
			if (newSecPassword == "") {
				$("#newSecPasswordLabel").html("密码不能为空!");
			} else if (newSecPassword.length <8) {
				$("#newSecPassword").val("");
				$("#newSecPasswordLabel").html("密码长度不少于8个字符!");
			} else if (!testPass(newSecPassword)) {
				$("#newSecPassword").val("");
				$("#newSecPasswordLabel").html("内容必须同时包含小写字母、大写字母、数字和键盘可输入的特殊符号共4种类型中的至少3种!");
			} else if (newSecPassword != newPassword) {
				$("#newSecPassword").val("");
				$("#newSecPasswordLabel").html("前后两次新密码必须一致!");
			}else{
				$("#newSecPasswordLabel").html("");
			}
		});
	});
	
	function testPass(str){
    var rC = {
        lW:'[a-z]',
        uW:'[A-Z]',
        nW:'[0-9]',
        sW:'[\\u0020-\\u002F\\u003A-\\u0040\\u005B-\\u0060\\u007B-\\u007E]'
    };
    function Reg(str, rStr){
        var reg = new RegExp(rStr);
        if(reg.test(str)) return true;
        else return false;
    }
    if(str.length < 8){
        document.title = '密码长度不少于8个字符!';
        return false;
    }else{
        var tR = {
            l:Reg(str, rC.lW),
            u:Reg(str, rC.uW),
            n:Reg(str, rC.nW),
            s:Reg(str, rC.sW)
        };
        if((tR.l && tR.u && tR.n) || (tR.l && tR.u && tR.s) || (tR.s && tR.u && tR.n) || (tR.s && tR.l && tR.n)){
            return true;
        }else{
            return false;
        }
    }
}
</script>